<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>

    <title>Viewing</title>
    <meta http-equiv="REFRESH" content="5;url=/android/viewing3.jsf">

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="author" content=""/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>

    <link rel="stylesheet" href="css/main.css"/>

    <link href="favicon.ico" rel="shortcut icon"/>
    <link href="apple-icon.png" rel="apple-touch-icon"/>

</head>

<body>
<f:view>
    <h:form id="viewing3Form">
        <div class="android-wrap">
            <div id="wrapper">
                <div id="header">
                    <h1 class="title">Ad Viewing</h1>
                    <ul class="app-controls">
                        <li>
                                <a href="#" class="appc-back">Back</a>
                        </li>
                        <li>
                                <a href="#" class="appc-home">Home</a>
                        </li>
                    </ul>
                </div>

                <p class="bonus-counter">Bonuses per session: <strong>${appBean.bonuses}</strong></p>

                <div id="content">
                    <div class="entry">

                        <h:panelGroup rendered="#{appBean.picture1}">

                            <h3>${appBean.firstGraphicLabel}</h3>
                            <%--<img src="i/src/cont1.png"/>--%>
                            <img src="${appBean.firstGraphicContent}" width="280" height="140"/>
                            <em>${appBean.firstGraphicDescription}</em>


                        </h:panelGroup>

                        <h:panelGroup rendered="#{appBean.picture2}">
                            <h3>${appBean.secondGraphicLabel}</h3>
                            <%--<img src="i/src/cont1.png"/>--%>
                            <img src="${appBean.secondGraphicContent}" width="280" height="140"/>
                            <em>${appBean.secondGraphicDescription}</em>
                        </h:panelGroup>

                        <h:panelGroup rendered="#{appBean.picture3}">
                            <h3>${appBean.thirdGraphicLabel}</h3>
                            <%--<img src="i/src/cont1.png"/>--%>
                            <img src="${appBean.thirdGraphicContent}" width="280" height="140"/>
                            <em>${appBean.thirdGraphicDescription}</em>
                        </h:panelGroup>

                    </div>
                </div>
                <div id="control-panel">
                    <ul>

                            <li class="cp-btn next-btn  disabled">
                                <a href="#">Next</a>
                            </li>

                            <li class="cp-btn prev-btn   disabled">
                                    <a href="#">Prev</a>
                            </li>
                    </ul>

                </div>
            </div>
         <a href="#" class="android-control back-btn">Back</a>
        </div>
    </h:form>
</f:view>
</body>
</html>